<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
         "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <meta name="viewport" content="width=320, user-scalable=0"/>
  <meta name="viewport" content="minimum-scale=1, maximum-scale=1"/>
  <script src="ianime029-all.js"></script>
  <script type="text/javascript">
var anime = new iAnime();


function myclick(obj)
{
    anime.add( {
        element:obj, 
        x:(400-obj.offsetLeft), 
        effect:obj.id, 
        duration:1000} );
}

function myclickj(obj)
{
    anime.add( {
        element:obj, 
        x:(400-obj.offsetLeft), 
        effect:obj.id, 
        x_height: -100,
        duration:1000} );
}

function myclickb(obj)
{
    anime.add( {
        element:obj, 
        x:(400-obj.offsetLeft), 
        effect:obj.id, 
        x_times: 10,
        duration:1000} );
}

function together(obj)
{
    var x = 400-obj.offsetLeft;
    anime.add( {id:'bounce', x:x, effect:'bounce', duration:1000} );
    anime.add( {id:'easein', x:x, effect:'easein', duration:1000} );
    anime.add( {id:'easeout', x:x, effect:'easeout', duration:1000} );
    anime.add( {id:'easeinout', x:x, effect:'easeinout', duration:1000} );
    anime.add( {id:'elastic', x:x, effect:'elastic', duration:1000} );
    anime.add( {id:'jump', x:x, effect:'jump', x_height:-100, duration:1000} );
    anime.add( {id:'jumpbounce', x:x, effect:'jumpbounce', x_height:-100, duration:1000} );
    anime.add( {id:'blink', x:x, effect:'blink', x_times:10, duration:1000} );
    anime.add( {element:obj, x:x, duration:1000} );
}
  </script>
</head>
<body>
  <div id='bounce' onclick="myclick(this)" 
       style="position:absolute; top: 0px">Bounce</div>
  <div id='easein' onclick="myclick(this)" 
       style="position:absolute; top: 20px">Ease In</div>
  <div id='easeout' onclick="myclick(this)" 
       style="position:absolute; top: 40px">Ease Out</div>
  <div id='easeinout' onclick="myclick(this)" 
       style="position:absolute; top: 60px">Ease InOut</div>
  <div id='elastic' onclick="myclick(this)" 
       style="position:absolute; top: 80px">Elastic</div>
  <div id='jump' onclick="myclickj(this)" 
       style="position:absolute; top: 100px">Jump</div>
  <div id='jumpbounce' onclick="myclickj(this)" 
       style="position:absolute; top: 120px">Jump Bounce</div>
  <div id='blink' onclick="myclickb(this)" 
       style="position:absolute; top: 140px">Blink</div>
  <div onclick="together(this)" 
       style="position:absolute; top: 200px">All Together</div>
</body>
</html>
